<script setup>
  // import axios from 'axios'
  import request from './axios'
  
  import {ref, reactive} from 'vue'

  let content = ref("")
  let message = reactive({
    content:"",
    code:1
  })

  function sendRequest(){
    // return axios.get("https://api.uomg.com/api/rand.qinghua?format=json")
    // return axios.get(
    //   "https://api.uomg.com/api/rand.qinghua",
    //   {
    //     params:{
    //       format:"json",
    //       username:"gwc",
    //       userpwd:"xxx"
    //     },
    //     headers:{
    //       Accept:"application/json, text/plain, text/html, */*"
    //     }
    //   }
    // )

    /**
     * 发送post方法
     * axios.post(url,{要放入请求体中的JSON串},{请求的其他信息})
     */
    return request.post("api/rand.qinghua?format=json")

    // return axios.post(
    //   "https://api.uomg.com/api/rand.qinghua",
    //   // JSON字符串的数据会放在请求体中
    //   {
    //     username:"gwc",
    //       userpwd:"xxx"
    //   },
    //   {
    //     // params中数据会放在url后边
    //     params:{
    //       format:"json",
    //     },
    //     headers:{
    //       Accept:"application/json, text/plain, text/html, */*"
    //     }
    //   }
    // )


  

    
  }

  async function getLoveMessage(){
    
    let response = await sendRequest()
    content.value = response.data.content
    Object.assign(message,response.data)

    
  }

</script>

<template>
  <div>
    <h1 v-text="content"></h1>
    <button @click="getLoveMessage()">土味情话</button>
    <h1 v-text="message.content"></h1>
  </div>

</template>

<style scoped>

</style>
